<template>
  <div class="app">
    <router-view></router-view>
  </div>
</template>

<script setup lang="ts">
</script>

<style scoped lang="scss">
*,
*::before,
*::after {
  box-sizing: border-box;
}

.app {
  margin: 0px;
  margin-left: 5px;
  padding: 0px;
  color: #fff;
  background-color: rgba(20, 24, 29, 1);
  border-radius: 10px;
  height: calc(100vh - 10px);
  width: calc(100vw - 10px);
  overflow: hidden;
  min-width: 1400px;
  display: flex;
  justify-content: space-between;
}

// 添加全局按钮样式
:global(.ant-btn-primary) {
  background-image: linear-gradient(315deg, #6772FF 0, #00F9E5 100%) !important;
  border: none !important;

  &:hover {
    background-image: linear-gradient(315deg, #5660e6 0, #00e6d4 100%) !important;
  }
}

:global(.ant-input) {
  background: rgb(53, 70, 87);
  border: none !important;

  &:hover {
    background: rgb(53, 70, 87);
    border: none !important;
  }
}
</style>